<template>
  <div>
    <div>
      <div class="twoStageWindow">
        <div class="twoStageWindowTitle">
          质控计划
          <div class="twoStageWindowClose"  >
            <el-button size="mini" v-on:click="close">保存</el-button>
            <el-button size="mini" v-on:click="close">取消</el-button>
          </div>
        </div>
        <div style="margin-top:30px;">
            <div v-if="planType=='现场空白'">
              <div class="penalrow selectw100">
                  <div class="inlineblock verticalmiddle infoitem">
                    <div class="inlineblock verticalmiddle">
                      现场空白
                    </div>
                  </div>
              </div>
              <div class="separaterow">
                <el-table
                    :data="QCTableDate"
                    style="width: 100%"
                    size="mini"
                    border
                    >
                    <el-table-column
                      property="qcName"
                      label="QC周期"
                      min-width="100px">
                    </el-table-column>
                    <el-table-column
                      property="qcEnglishName"
                      label="QC频次"
                      min-width="200px">
                    </el-table-column>
                    <el-table-column
                      property="qcGroupName"
                      label="相关系数"
                      min-width="200px">
                    </el-table-column>
                    <el-table-column
                      property="qcGroupID"
                      label="最低检出浓度"
                      min-width="120px"
                      >
                    </el-table-column>
                    <el-table-column
                      property="refreshFauther"
                      label="偏差率"
                      min-width="200px">
                    </el-table-column>
                    <el-table-column
                      label="操作"
                      min-width="100px"
                      >
                      <template slot-scope="scope">
                        <el-button @click="editQCtype(scope.row)" type="text" size="mini">编辑</el-button>
                      </template>
                    </el-table-column>
                </el-table>
              </div>
            </div>
              
            <div v-if="planType=='现场平行'">
                <div class="penalrow selectw100">
                    <div class="inlineblock verticalmiddle infoitem">
                      <div class="inlineblock verticalmiddle">
                        现场平行
                      </div>
                    </div>
                </div>
                <div class="separaterow">
                  <el-table
                      :data="QCTableDate"
                      style="width: 100%"
                      size="mini"
                      border
                      >
                      <el-table-column
                        property="qcName"
                        label="QC周期"
                        min-width="100px">
                      </el-table-column>
                      <el-table-column
                        property="qcEnglishName"
                        label="QC频次"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        property="qcGroupName"
                        label="相关系数"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        property="qcGroupID"
                        label="最低检出浓度"
                        min-width="120px"
                        >
                      </el-table-column>
                      <el-table-column
                        property="refreshFauther"
                        label="偏差率"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        label="操作"
                        min-width="100px"
                        >
                        <template slot-scope="scope">
                          <el-button @click="editQCtype(scope.row)" type="text" size="mini">编辑</el-button>
                        </template>
                      </el-table-column>
                  </el-table>
                </div>
            </div>   


            <div v-if="planType=='现场加标'">
                <div class="penalrow selectw100">
                    <div class="inlineblock verticalmiddle infoitem">
                      <div class="inlineblock verticalmiddle">
                        现场加标
                      </div>
                    </div>
                </div>
                <div class="separaterow">
                  <el-table
                      :data="QCTableDate"
                      style="width: 100%"
                      size="mini"
                      border
                      >
                      <el-table-column
                        property="qcName"
                        label="QC周期"
                        min-width="100px">
                      </el-table-column>
                      <el-table-column
                        property="qcEnglishName"
                        label="QC频次"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        property="qcGroupName"
                        label="相关系数"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        property="qcGroupID"
                        label="最低检出浓度"
                        min-width="120px"
                        >
                      </el-table-column>
                      <el-table-column
                        property="refreshFauther"
                        label="偏差率"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        label="操作"
                        min-width="100px"
                        >
                        <template slot-scope="scope">
                          <el-button @click="editQCtype(scope.row)" type="text" size="mini">编辑</el-button>
                        </template>
                      </el-table-column>
                  </el-table>
                </div>
            </div>    

            <div v-if="planType=='室内空白'">
                <div class="penalrow selectw100">
                    <div class="inlineblock verticalmiddle infoitem">
                      <div class="inlineblock verticalmiddle">
                        室内空白
                      </div>
                    </div>
                </div>
                <div class="separaterow">
                  <el-table
                      :data="QCTableDate"
                      style="width: 100%"
                      size="mini"
                      border
                      >
                      <el-table-column
                        property="qcName"
                        label="QC周期"
                        min-width="100px">
                      </el-table-column>
                      <el-table-column
                        property="qcEnglishName"
                        label="QC频次"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        property="qcGroupName"
                        label="相关系数"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        property="qcGroupID"
                        label="最低检出浓度"
                        min-width="120px"
                        >
                      </el-table-column>
                      <el-table-column
                        property="refreshFauther"
                        label="偏差率"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        label="操作"
                        min-width="100px"
                        >
                        <template slot-scope="scope">
                          <el-button @click="editQCtype(scope.row)" type="text" size="mini">编辑</el-button>
                        </template>
                      </el-table-column>
                  </el-table>
                </div>
            </div>
                

            <div v-if="planType=='室内平行'">
                <div class="penalrow selectw100">
                    <div class="inlineblock verticalmiddle infoitem">
                      <div class="inlineblock verticalmiddle">
                        室内平行
                      </div>
                    </div>
                </div>
                <div class="separaterow">
                  <el-table
                      :data="QCTableDate"
                      style="width: 100%"
                      size="mini"
                      border
                      >
                      <el-table-column
                        property="qcName"
                        label="QC周期"
                        min-width="100px">
                      </el-table-column>
                      <el-table-column
                        property="qcEnglishName"
                        label="QC频次"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        property="qcGroupName"
                        label="相关系数"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        property="qcGroupID"
                        label="最低检出浓度"
                        min-width="120px"
                        >
                      </el-table-column>
                      <el-table-column
                        property="refreshFauther"
                        label="偏差率"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        label="操作"
                        min-width="100px"
                        >
                        <template slot-scope="scope">
                          <el-button @click="editQCtype(scope.row)" type="text" size="mini">编辑</el-button>
                        </template>
                      </el-table-column>
                  </el-table>
                </div>
            </div>
                

            <div v-if="planType=='室内加标'">
                <div class="penalrow selectw100">
                    <div class="inlineblock verticalmiddle infoitem">
                      <div class="inlineblock verticalmiddle">
                        室内加标
                      </div>
                    </div>
                </div>
                <div class="separaterow">
                  <el-table
                      :data="QCTableDate"
                      style="width: 100%"
                      size="mini"
                      border
                      >
                      <el-table-column
                        property="qcName"
                        label="QC周期"
                        min-width="100px">
                      </el-table-column>
                      <el-table-column
                        property="qcEnglishName"
                        label="QC频次"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        property="qcGroupName"
                        label="相关系数"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        property="qcGroupID"
                        label="最低检出浓度"
                        min-width="120px"
                        >
                      </el-table-column>
                      <el-table-column
                        property="refreshFauther"
                        label="偏差率"
                        min-width="200px">
                      </el-table-column>
                      <el-table-column
                        label="操作"
                        min-width="100px"
                        >
                        <template slot-scope="scope">
                          <el-button @click="editQCtype(scope.row)" type="text" size="mini">编辑</el-button>
                        </template>
                      </el-table-column>
                  </el-table>
                </div>
            </div>

                
        </div>
      </div>
    </div>
  </div>
</template>

<script>

import { mapState } from 'vuex'


export default {
  data () {
    return {
      QCTableDate:[
                            {
                              qcName:'每批次',
                              qcEnglishName:'2',
                              qcGroupID:'>=0.999',
                              qcGroupName:'0',
                              refreshFauther:'50%',
                            }
      ],
      enableStatusValue:'',
      searchName:'',
      yesornoValue:'',
      qcGroupValue:'',
      qualityPlanAddShow:false,
    }
  },
  props:['planType'],
  computed: {
    ...mapState(['enableStatus','tableHeightA','yesorno','qcGroup']),
  },
  mounted(){
    
  },
  watch:{
    
  },
  methods:{
    editQCtype:function(row){

    },
    changeRoleStatus:function(row){
      console.log(row);
    },
    close(){
      this.$parent.planShow = false;
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
